class Observer {
    constructor(data) {
        this.$data = data
        this.walk(this.$data)
    }
    walk(data) {
        if (!data || typeof data !== 'object') return
        Object.keys(data).forEach(key => {
            this.defineWalk(data, key, data[key])
            /**
             *  关于上面的 defineWalk 这个方法为什么会传入第三个参数的解释：
             我们如果不传value，我们get方法中返回的值为 data[key]，相当于我们又一次访问了 data[key],会再次调用
             Object.defineProperty(),会造成一个死循环
             */
        })
    }
    defineWalk(data, key, value) {
        const dep = new Dep()
        const that = this
        // 如果data是一个对象的话，再次调用walk方法，将里面的属性也设置成getter和setter
        this.walk(value)
        Object.defineProperty(data, key, {
            enumerable: true,
            configurable: true,
            get() {
                Dep.target && dep.addSubs(Dep.target)
                return value
            },
            set(newvalue) {
                if (value === newvalue) return
                value = newvalue
                // 如果新复制的属性是一个对象的话 应该将它转化为i响应式的数据
                that.walk(newvalue)

                // 发送通知
                dep.notify()
            }
        })
    }
}